<template>
  <div class="logo-section">
    <div class="logo-icon">
      <img src="@/assets/logo.png" alt="logo" class="logo-img" />
    </div>
    <span class="title">保姆到家系统</span>
  </div>
</template>

<style scoped>
.logo-section {
  display: flex;
  align-items: center;
  height: 64px;
  background: transparent;
  box-shadow: none;
  margin: 0;
  padding: 0;
}

.logo-icon {
  height: 100%;
  width: auto;
  display: flex;
  align-items: center;
  background: transparent;
  margin: 0;
  padding: 0;
}

.logo-img {
  height: 100%;
  width: auto;
  background: transparent;
  margin: 0;
  padding: 0;
  box-shadow: none;
  border: none;
}

.title {
  font-size: 18px;
  font-weight: 600;
  font-family: 'HarmonyOS Sans', sans-serif;
  background-image: linear-gradient(120deg, var(--el-color-primary), var(--el-color-primary-light-3));
  -webkit-background-clip: text;
  color: transparent;
  margin-left: 8px;
}
</style> 